<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>CKFinder User's Guide</title>
    <link href="../../files/other/help.css" type="text/css" rel="stylesheet"/>
    <script type="text/javascript" src="../../files/other/help.js"></script>
    <meta name="robots" content="noindex, nofollow"/>
</head>
<body>
<h1>
    CKFinder Interface Overview</h1>

<p>
    The CKFinder interface is designed to be clean, familiar to end users, and easy to
    learn and use. Most features can be handled with a mouse click as well as by using
    the context menus.</p>

<p>
    If you are familiar with desktop file browsers built in most operating systems
    available for your PC or laptop, you will quickly see that using an online file
    manager is just as easy and intuitive.</p>

<p>
    The following is a screenshot of the CKFinder interface:</p>

<p style="text-align: center">
    <img src="../../files/images/CKFinder_interface.png" alt="CKFinder interface" width="620" height="456"/>&nbsp;</p>
<ol>
    <li><strong><a href="003.html">Folders Pane</a></strong> &ndash; contains the "tree view"
        of the folders that you can navigate. Folders are used to organize and categorize your
        files.
    </li>
    <li><strong><a href="004.html">Files Pane</a></strong> &ndash; lists the files available
        in the selected folder.
    </li>
    <li><strong><a href="005.html">Toolbar</a></strong> &ndash; a series of buttons that can
        be clicked in order to quickly execute specific file browser functions.
    </li>
    <li><strong><a href="010.html">Status Bar</a></strong> &ndash; the section at the bottom
        of the interface that displays some information about the selected file, the total
        number of files in the folder, etc.
    </li>
    <li><strong><a href="012.html">Context Menu</a></strong> &ndash; a popup menu with file
        browser commands that execute specific tasks for the object that was selected. Options
        available in the context menu change dynamically depending on the object that is
        clicked.
    </li>
</ol>
</body>
</html>
